@charset "utf-8";
/* CSS Document */

.formular {
width:310px;
border:#999 medium solid;
border-radius:10px;
margin:5px;
padding:5px;
}

.formular label {
display:inline-block;
width:120px;
}

.formular input {
margin-bottom:5px;
}

.error {
background-image:url(resources/error.png);
background-repeat:no-repeat;
background-position:right;
background-size:20px 20px;
}

.warning {
background-image:url(resources/alert.png);
background-repeat:no-repeat;
background-size:20px 20px;
background-position:top right;
}

.checked {
background-image:url(resources/check.png);
background-repeat:no-repeat;
background-size:20px 20px;
background-position:top right;
}

.tooltip img {
width:20px;
height: 20px;
vertical-align:middle;
}

span.tooltip span { 
z-index:10;
display:none; 
padding:14px 20px; 
margin-top:-2px; 
margin-left:5px;
line-height:16px;
}

span.tooltip:hover span{
display:inline; 
position:absolute; 
color:#111; 
border:2px solid #DCA; 
background:#fffAF0;
}

span.tooltip span { 
border-radius:7px; 
-moz-border-radius: 4px;
-webkit-border-radius: 4px; 
-moz-box-shadow: 5px 5px 8px #CCC; 
-webkit-box-shadow: 5px 5px 8px #CCC; 
box-shadow: 5px 5px 8px #CCC;
}

.codeBox {
	border:medium solid #98AFC7; 
	background-color:#FEFFFF;
	margin:5px;
	padding:5px;
    border-radius:7px; 
    -moz-border-radius: 4px;
	-webkit-border-radius: 4px; 
	-moz-box-shadow: 5px 5px 8px #CCC; 
	-webkit-box-shadow: 5px 5px 8px #CCC; 
	box-shadow: 5px 5px 8px #CCC;
    overflow-x:scroll;
}

pre {
    font-family: Consolas,"courier new";
    font-size:100%;
    line-height:1;
}